<template>
    <div>
        <div class="wsc-jc-list">
            <div class="list" v-for="item in list" :key="item.value" @click="toDetails(item.id)">
                <div class="head"><b>{{item.name}}</b><i class="iconfont icon-jiantou-copy"></i></div>
                <div class="flex">
                    <div class="type">进水流量：{{item.inflowWater}}</div>
                    <div class="type">出水流量：{{item.outflowWater}}</div>
                </div>
                <div class="flex">
                    <div class="type">进水压力：{{item.intakePressure}}</div>
                    <div class="type">出水压力：{{item.ratedPressure}}</div>
                </div>
                <div class="flex">
                    <div class="type">能耗：{{item.energyConsumption}}kW/h</div>
                    <div class="type">药耗：{{item.medicineConsumption}}</div>
                </div>
                <div class="flex">
                    <div class="type">泵状态：{{item.pumpingNumber}}</div>
                </div>
                <div class="area">
                    查看地图<i class="iconfont icon-icon-"></i>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            list: []
        }
    },
    mounted() {
        this.getList()
    },
    methods: {
        //获取污水厂列表
        getList() {
            this.$api.wushuichangjiance.sewageplants().then(res => {
                if (res.success) {
                    this.list = res.data.list
                }
            });
        },
        //跳转到详情
        toDetails(id) {
            this.$router.push({ path: 'details', query: { id: id } })
        }
    }
}
</script>

<style>
</style>
